html{
    height: 100vh;
}
body{
    widows: 100vw;;
    height: 100vh;
}
.bg-login{
    width: 100vw;
    height: 15vh;
    background-image:url(../img/image/bg_login.png);
    background-size: 50%,50%;
    background-color:orangered;
    display: flex;
    align-items: center;
}
.bg-login .image{
    width: 10vh;
    height: 10vh;
    margin: 3vw;
}
.order{
    width: 100vw;
    height: 10vh;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid gray;
    background-color: lightgray;
    align-items: center;
    /*margin: 0px 2vw;*/
}
.order>a{
    margin: 2vw;
}
.order>a:nth-child(1){
    color: black;
}
.order>a:nth-child(2){
    color: gray;
    font-size: 1.2rem;
    
}
nav{
    width: 100vw;
    height: 20vh;
    display: flex;
    align-items: center;
    justify-content: space-around;
    list-style: none;
    margin-bottom: 2vw;
    background-color: gray;
}
nav>li img{
    width: 8vw;
    height: 8vh;
    margin: 3vw;
}
.conationer{
    width: 100vw;
    height: 50vh;
    
}

   

.conationer .li  a{
    display: flex;
    justify-content: space-between;
    width: 100vw;
    height: 10vh;
    background-color: gray;
    align-items: center;
    text-decoration: none;
}
.conationer .li a img{
    width: 10vw;
    height: 10vw;
    margin: 2vw;
}
.conationer .li a p{
    width: 83vw;
     margin: 0px;
    display: flex;
    justify-content: space-between;
    color: black;
    margin-right: 2vw;
   
}
.conationer .li .nth1
{
    border-bottom: 2vw solid white;
}
.conationer .li a .nth{
   border-bottom: 1px solid white;
}
